.topic-service-content {
  // background: #f3f7fe;
  width: 100%;
  .topic-list {
    .wm-list-editable {
      .wm-list-editable-list {
        overflow-y: auto;
      }
    }
  }
  .topic-nodata {
    height: 170*@hd;
    margin-top: 80px;
    width: 100%;
    display: block;
    .icon {
      height: 118*@hd;
      width: 118*@hd;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F3F7FE;
      border-radius: 50%;
      .am-icon {
        height: 50%;
        width: 50%;
      }
    }
    label{
      display: block;
      text-align: center;
      font-size: 16*@hd;
      margin-top: 19px;
      font-family: PingFangSC-Regular;
      color: @color-text-caption;
    }
    .btn-tianjia {
      width: 30%;
      margin: 0 auto;
      margin-top: 25*@hd;
      .am-button {
        font-size: 17px;
        // border: 0;
      }
    }
  }
  .meeting-topic-item-btns {
    display: flex;
    width: 100%;
    border-top: 1*@hd solid #EEE9E9;
    justify-content: space-between;
    font-family: PingFangSC-Regular;
    color: #333333;
    .meeting-topic-datum {
      display: inline-flex;
      align-items: center;
      .meeting-topic-datum-count {
        font-size: 14*@hd;
        width: 37*@hd;
        text-align: center;
        margin-left: 6.3*@hd;
      }
    }
    .meeting-topic-right-btns {
      display: inline-flex;
    }
    .am-button {
      color: #333333;
      border: 0;
      display: inline-flex;
      align-items: center;
      .am-icon {
        margin-right: 11*@hd;
      }
    }
  }
  .am-list-item-active {
    background-color: #ffffff;
  }
  .meeting-topic-hascontent {
    .meeting-topic-pull-to-refresh {
      background: #f3f7fe;
    }
  }
  .meeting-no-data {
    .am-pull-to-refresh-content-wrapper {
      height: 100%;
    }
  }
}

.meeting-topic-videwDatumLayout {
  background: #F3F7FE;
  .meeting-datum-lists {
    overflow: auto;
    height: 100%;
    .am-list-body {
      border: 0;
    }
    .am-list-line {
      padding-top: 0;
      padding-bottom: 0;
      .am-list-content {
        .am-list-form.line {
          margin-left: 0;
        }
        .am-list-brief {
          margin-top: 0;
        }
      }
      .am-list-extra {
        flex-basis: auto;
        padding: 10*@hd;
      }
    }
    .meeting-datum-item {
      .wm-form-item-wrap {
        border-bottom: 0;
        .am-list-content {
          line-height: normal;
          margin-top: 12 * @hd;
        }
        .wm-form-item-browser-span-warp {
          width: 100%;
          line-height: 1;
          .wm-form-item-browser-span-item {
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
          }
        }
        .am-list-form {
          display: inline-flex;
          margin-left: 0;
          width: 100%;
        }
        .am-list-form>.am-list-form-header {
          padding-left: 0;
          width: 70*@hd;
          padding-right: 9*@hd;
          flex: none;
        }
        .am-list-form>.am-list-form-body {
          margin-left: 0;
          width: calc(~"100% - "80*@hd);
        }
      }
    }
  }
}